<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/comnon.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/mine.css">
    <script src="../js/jquery.js"></script>
    <link type="text/css" rel="stylesheet" href="../css/data.css">
    <script type="text/javascript" src="../js/moment.js"></script>
    <script type="text/javascript" src="../js/datePicker.js"></script>
</head>
<body>
<div class="top">
    <div class="container clearfix">
        <div class="left">
            <a href="">One Request,Multiple Quotes</a>
        </div>
        <div class="right">
            <ul>
                <li>
                    <p><a href="">Subsidiary Company </a> </p>
                </li>
                <li>
                    <p><a href="">ABOUT</a></p>
                </li>
                <li>
                    <p><a href="">NEWS</a></p>
                </li>
                <li>
                    <p><a href="">EXHIBITION</a></p>

                </li>
                <li>
                    <p><a href="">CONTACT</a></p>

                </li>
                <li>
                    <a href=""><img src="../images/icon1.jpg" alt=""></a>
                </li>
                <li>
                    <a href=""><img src="../images/icon2.jpg" alt=""></a>
                </li>
                <li>
                    <a href=""><img src="../images/icon1.jpg" alt=""></a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="nav">
    <div class="container">
        <div class="navTop clearfix">
            <div class="left leftLogo">
                <a href="">
                    <img src="../images/logo.png" alt="">
                </a>
            </div>
            <div class="left leftSearch">
                <form action="">
                    <div class="formContent">
                        <span>products</span>
                        <input type="text" class="products">
                    </div>
                    <div class="formSearch">
                        <input type="submit" value="search" class="search">
                    </div>

                </form>
            </div>
            <div class="right">
                <div class="signIn">
                    <img src="../images/icon_person.jpg" alt="">
                    <a href="">Sign In |</a>
                </div>
                <div class="joinUs">
                    <a href="">Join Free My</a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="mineInfo">
    <div class="container clearfix">
        <div class="left Navnews infoLeft">
            <div class="menu1">
                <div class="menu">
                    <a href="">
                        Products
                    </a>
                </div>
                <div class="ulList">
                    <ul>
                        <li>
                            <a href="javascript:;">My advice</a>
                        </li>
                        <li>
                            <a href="javascript:;">My collection</a>
                        </li>
                        <li>
                            <a href="javascript:;">My evaluation</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="menu1">
                <div class="menu">
                    <a href="">
                        Personal Center
                    </a>
                </div>
                <div class="ulList">
                    <ul>
                        <li>
                            <a href="javascript:;">Personal information</a>
                        </li>
                        <li>
                            <a href="javascript:;">Enterprise information</a>
                        </li>
                        <li>
                            <a href="javascript:;">Security setting</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="menu1">
                <div class="menu">
                    <a href="">
                        Service Centre
                    </a>
                </div>
                <div class="ulList">
                    <ul>
                        <li>
                            <a href="javascript:;">My news</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="right infoRight">
            <div class="infoTop">
                Personal information
            </div>
            <div class="personerinfro">
                <form action="" method="post">
                    <ul class="hend_jz">
                        <li class="infor_wi_le"><a href="javascript:void(0);">face：</a></li>
                        <li class="infor_img">
                            <a href="javascript:void(0);">
                                <img id="preview" src="../images/headPic.jpg" >
                            </a>
                            <input type="hidden" name="head_pic" id="head_pic" value="">
                        </li>
                    </ul>
                    <ul class="name_jz">
                        <li class="infor_wi_le"><a href="javascript:void(0);">email：</a></li>
                        <li><a href="javascript:void(0);">710682162@qq.com</a></li>
                    </ul>
                    <ul class="sex_jz">
                        <li class="infor_wi_le"><a href="javascript:void(0);">sex：</a></li>
                        <li>
                            <a href="javascript:void(0);">
                                <input type="radio" name="sex" id="secret" checked="" value="0"><label for="secret">secrecy</label>
                                <input type="radio" name="sex" id="man" value="1"><label for="man">male</label>
                                <input type="radio" name="sex" id="woman" value="2"><label for="woman">female</label>
                            </a>
                        </li>
                    </ul>
                    <ul class="birth_jz">
                        <li class="infor_wi_le"><a href="javascript:void(0);">Birthday：</a></li>
                        <li>
                            <a href="javascript:void(0);">
                                <input type="text" name="birthday" id="birthday" value="1970-01-01" class="">
                            </a>
                        </li>
                    </ul>
                    <ul class="hobby_jz">
                        <li class="infor_wi_le"></li>
                        <li class="infor_wi_ri">
                            <div class="pcews">
                                <!-- <span><i class="ph_c"></i>手机</span> -->
                                <!-- <span class="change_e"><a href="/Home/User/mobile_validate/type/mobile/step/1.html" style="cursor:pointer;">未绑定</a></span> -->
                                <span><i class="em_c" style="margin-left:0;"></i>email</span>
                                <span class="change_e"><a href="/myaccount.html" style="cursor:pointer;">Edit</a></span>
                            </div>
                            <div class="careful">
                                <span class="fir_sen">Note: modify the password, mailbox and other information to</span>
                                <span class="co_blue"><a href="mySecurity.html" style="cursor:pointer;">security setting</a></span>
                            </div>
                            <div class="save_s">
                                <input class="save" type="submit" id="" name="" value="Confirm the preservation">
                            </div>
                        </li>
                    </ul>
                </form>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function() {
        // 生日时间
        $('#birthday').daterangepicker({
            singleDatePicker: true,
            showDropdowns: true,
            minDate: '1900-01-01',
            maxDate: moment(),
            startDate: moment(),
            format: 'YYYY-MM-DD', //控件中from和to 显示的日期格式
            locale: {
                applyLabel: 'Determine',
                cancelLabel: 'Cancel',
                fromLabel: 'Start time',
                toLabel: 'End time',
                customRangeLabel: 'custom',
                daysOfWeek: ['日', '一', '二', '三', '四', '五', '六'],
                monthNames: ['一月', '二月', '三月', '四月', '五月', '六月',
                    '七月', '八月', '九月', '十月', '十一月', '十二月'],
                firstDay: 1
            }
        });
        $('.daterangepicker').hide();
    });
    $(function(){
        $('.choice_hobby').click(function(){
            $(this).toggleClass('red');
        })
    })
    function delimg(file,t){
        $.get(
            "/index.php?m=Admin&c=Uploadify&a=delupload",{action:"del", filename:file},function(){}
        );
        $('#head_pic').val('');
        $('#preview').attr('src','');
        $(t).remove();
    }
    function add_img(str){
        var head_pic = $('#head_pic').val();
        $('#head_pic').val(str);
        $('#preview').attr('src',str);
        $('img[class="headpic"]').attr('src',str);

    }
</script>
</body>
</html>